﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Example11.aspx.cs" Inherits="Chapter17.Example11" %>

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>代码清单 17-11 更复杂的后代选择器示例</title>
    <style type="text/css">
        #mytable td {
            border: thin black solid;
            padding: 4px;
        }
    </style>
</head>
<body>
    <table id="mytable">
        <tr>
            <th>Name</th>
            <th>City</th>
        </tr>
        <tr>
            <td>Adam Freeman</td>
            <td>London</td>
        </tr>
        <tr>
            <td>Joe Smith</td>
            <td>New York</td>
        </tr>
        <tr>
            <td>Anne Jones</td>
            <td>Paris</td>
        </tr>
    </table>
    <p>I like <span lang="en-uk" class="class2">apples</span> and oranges.</p>
    <table id="othertable">
        <tr>
            <th>Name</th>
            <th>City</th>
        </tr>
        <tr>
            <td>Peter Pererson</td>
            <td>Boston</td>
        </tr>
        <tr>
            <td>Chuck Fellows</td>
            <td>Paris</td>
        </tr>
        <tr>
            <td>Jane Firth</td>
            <td>Paris</td>
        </tr>
    </table>
</body>
</html>
